<template>
    <div  class="wrapper">
        <web ref="wv" @pagefinish="onPageFinish" class="webview" :src="url"></web>
    </div>
</template>
<script>
    const navigator = weex.requireModule('navigator')
    const webview = weex.requireModule('webview')

    export default {
        components: {},
        data() {
            return {
                url: 'https://m.yaoxie.com/'
            }
        },
        computed: {},
        methods: {
            onPageFinish:function (e) {
                console.info(e.target.attr['@styleScope'])

                setTimeout(()=>{
                    const dom = weex.requireModule('dom')
                    dom.getComponentRect(this.$refs.wv, option => {
//                        console.info(option.size)
                    })
                },3000)
            }
        },
        mounted() {
        }
    }
</script>
<style scoped>



</style>